<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>比价搜索</title>
  <link rel="stylesheet" href="../../css/media.css">
  <link rel="stylesheet" href="../../css/font-style.css">
  <link rel="stylesheet" href="../../css/base.css">
  <link rel="stylesheet" href="../../css/classificationPage.css">
</head>

<body>
  <!-- 头部 -->
  <header>
    <a href="javascript:;">
      <img src="../../images/header_logo.png" alt="">
    </a>
    <!-- 头部中间文字，看需求 -->
    <!-- <span>头部</span> -->
    <a href="javascript:;">
      <img src="../../images/header_app.png" alt="">
    </a>
  </header>
  <!-- 搜索栏 -->
  <div class="search">
    <input type="text" placeholder="请输入你想比价的商品">
    <a href="javascript:;">搜索</a>
  </div>
  <!-- 中间部分内容 -->
  <div class="lkf_content">
    <div class="lkf_listbox">
      <div class="lkf_list_title"><input type="hidden" value="1">大家电<span class="icon-arrow-right"></span></div>
      <!-- 分类列表 -->
      <ul class="active">
        <li><a href="javascript:;">电视</a></li>
        <li><a href="javascript:;">电视</a></li>
        <li><a href="javascript:;">电视</a></li>
        <li><a href="javascript:;">电视</a></li>
        <li><a href="javascript:;">电视</a></li>
        <li><a href="javascript:;">电视</a></li>
        <li><a href="javascript:;">电视</a></li>
        <li><a href="javascript:;">电视</a></li>
        <li><a href="javascript:;">电视</a></li>
        <li><a href="javascript:;">电视</a></li>
      </ul>
    </div>
  </div>
  <!-- 底部 -->
  <footer>
    <div class="foot_tool">
      <a href="javascript:;">登录</a>
      <a href="javascript:;">注册</a>
      <a href="javascript:;">返回顶部</a>
    </div>
    <div class="foot_content">
      <a href="javascript:;">手机APP下载
        <span>慢慢买手机版</span>
      </a>
      <span>--掌上比价平台</span>
      <p>m.manmanbuy.com</p>

    </div>
  </footer>
</body>
<script src="../../lib/zepto/zepto.js"></script>
<script src="../../lib/template/template.js"></script>
<script src="../../js/classificationPage.js"></script>
<!-- 分类标题模板 -->
<script type="text/template" id="titleList">
  {{each result as val key}}
  <div class="lkf_listbox">
    <div class="lkf_list_title">{{val.title}}<input type="hidden" value="{{val.titleId}}"><span class="icon-arrow-right"></span></div>
    <ul></ul>
  </div>
  {{/each}}
</script>
<!-- 分类列表模板 -->
<script type="text/template" id="listTem">
  {{each result as val key}}
    <li><a href="../goodList/goodList.html?id={{val.categoryId}}&name={{val.category}}" target="_self">{{val.category}}</a></li>
  {{/each}}
</script>

</html>